
import { fenlei, fenleiqinqiu } from '@/Api'
// 购物车模块
export default {
  namespaced: true,
  state () {
    return {
    // 购物车商品列表    当数据为空时的时候，默认给予数据显示
      gouwuche: fenlei.map(item => ({ name: item }))
    }
  },
  mutations: {
    // payload 所有的分类集合
    setgouwuche (state, res) {
      state.gouwuche = res
    },
    // 定义show和hide函数，控制当前分类的二级分类显示和隐藏
    show (state, id) {
      const xianshi = state.gouwuche.find(item => item.id === id)
      xianshi.open = true
    },
    hide (state, id) {
      const yinchuang = state.gouwuche.find(item => item.id === id)
      yinchuang.open = false
    }
  },
  actions: {
    async getList (context) {
      const res = await fenleiqinqiu()
      // 给每个分类加上控制二级分类显示隐藏的数据
      res.result.forEach(item => {
        item.open = false
      })
      // 获取数据成功，提交mutations进行数据修改
      context.commit('setgouwuche', res.result)
    }
  }
}
